<!--
 * @Autor: dingxiaolin
 * @Date: 2021-05-13 09:04:57
 * @LastEditors: dingxiaolin
 * @LastEditTime: 2021-05-18 14:27:41
-->
<template>
    <div class="container">
        <!-- 整机销量 -->
        <earthMapZh></earthMapZh>
        <!-- 整机日回款金额 -->
        <dayTable></dayTable>
        <!-- 整机日回款金额统计 pie -->
        <dayPayPie></dayPayPie>
        <!-- 经销商授信额度TOP10 bar-->
        <topTenBar></topTenBar>
        <!-- 整机月回款金额 -->
        <monthTable></monthTable>
        <!-- 整机月回款金额统计 pie -->
        <monthPayPie></monthPayPie>
        <!-- 所属片区授信额度 bar -->
        <pianquBar></pianquBar>
        <!-- 累计销售回款额对比 bar -->
        <salesBar></salesBar>
        <!-- 累计发货回款额对比 bar -->
        <deliveryBar></deliveryBar>
    </div>
</template>

<script lang="ts">
import { defineComponent, PropType, reactive, toRefs, ref, computed, nextTick, onMounted } from 'vue';
import { useRouter } from 'vue-router';
import { earthMapZh, dayTable, dayPayPie, topTenBar, monthTable, monthPayPie, pianquBar, salesBar, deliveryBar } from './zongheCom';
import store from '@/store';
export default defineComponent({
    name: 'zonghe',
    components: { earthMapZh, dayTable, dayPayPie, topTenBar, monthTable, monthPayPie, pianquBar, salesBar, deliveryBar },
    props: {},
    setup() {
        const router = useRouter();
        const state = reactive({});
        onMounted(() => {});
        return {
            ...toRefs(state),
        };
    },
});
</script>

<style lang="scss" scoped>
.container {
    color: #fff;
    background-color: #060f46;
}
</style>
